<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="./css/api.css" />
    <link rel="stylesheet" type="text/css" href="./css/home/home.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/common.css" />
</head>

<body>
    <header class="aui-bar aui-bar-nav">
        <a class="aui-pull-left aui-btn">
            <span class="aui-iconfont aui-icon-menu"></span>
        </a>
        <div class="aui-title" style="left:2rem; right: 2rem;">
            <div class="aui-searchbar" id="search">
                <div class="aui-searchbar-input aui-border-radius">
                    <i class="aui-iconfont aui-icon-search"></i>
                    <input type="search" placeholder="请输入搜索内容" id="search-input">
                    <div class="aui-searchbar-clear-btn">
                        <i class="aui-iconfont aui-icon-close"></i>
                    </div>
                </div>
                <div class="aui-searchbar-btn" tapmode>取消</div>
            </div>
        </div>
        <a class="aui-pull-right aui-btn">
            <span class="aui-iconfont aui-icon-like"></span>
        </a>
        <a class="aui-pull-right aui-btn">
            <span class="aui-iconfont aui-icon-comment"></span>
        </a>
    </header>
    <div class="body-container">
        <div id="aui-slide">
            <div class="aui-slide-wrap guanggao-box" >
                <div class="aui-slide-node bg-dark">
                    <img class="guanggao-img" src="./image/header/slide1.png" />
                </div>
                <div class="aui-slide-node bg-dark">
                    <img class="guanggao-img" src="./image/header/slide2.png" />
                </div>
                <div class="aui-slide-node bg-dark">
                    <img class="guanggao-img" src="./image/header/slide3.png" />
                </div>
            </div>
            <div class="aui-slide-page-wrap"><!--分页容器--></div>
        </div>
        <div id="aui-slide2">
            <div class="aui-slide-wrap" >
                <div class="aui-slide-node">
                    <div class="aui-grid">
                        <div class="aui-row">
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/02_mobile_phones_gadgets.png" alt="">
                                <div class="aui-grid-label">Preorders</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/15_sports_equipment.png" alt="">
                                <div class="aui-grid-label">Sports Equipment</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/56-everything_elsexxhdpi_1579663936.56.png" alt="">
                                <div class="aui-grid-label">Everything Else</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/20_announcements.png" alt="">
                                <div class="aui-grid-label">Announcements</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/17_pet_supplies.png" alt="">
                                <div class="aui-grid-label">Pet Supplies</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/18_tickets_vouchers.png" alt="">
                                <div class="aui-grid-label">Tickets & Vouchers</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/56-Motorbikes-cxxhdpi_1579664016.29.png" alt="">
                                <div class="aui-grid-label">Motorbikes</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/56-Car_Accessories-cxxhdpi_1579663910.07.png" alt="">
                                <div class="aui-grid-label">Auto Accessories</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/07_tv_home_appliances.png" alt="">
                                <div class="aui-grid-label">TV & Appliances</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui-slide-node">
                    <div class="aui-grid">
                        <div class="aui-row">
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/11_babies_kids.png" alt="">
                                <div class="aui-grid-label">Babies & Kids</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/12_hobbies_toys.png" alt="">
                                <div class="aui-grid-label">Hobbies & Toys</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/14_health_nutrition.png" alt="">
                                <div class="aui-grid-label">Health & Nutrition</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/10_luxury.png" alt="">
                                <div class="aui-grid-label">Luxury</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/08_womens_fashion.png" alt="">
                                <div class="aui-grid-label">Women’s Fashion</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/56-Property-cxxhdpi_1579664037.67.png" alt="">
                                <div class="aui-grid-label">Property</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/16_food_drinks.png" alt="">
                                <div class="aui-grid-label">Food & Drinks</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/56-Following-cxxhdpi_1579663947.19.png" alt="">
                                <div class="aui-grid-label">Follow緊</div>
                            </div>
                            <div class="aui-col-xs-4">
                                <img class="tab-img" src="./image/header/09_mens_fashion.png" alt="">
                                <div class="aui-grid-label">Men’s Fashion</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="aui-slide-page-wrap wrap-vis"></div>
        </div>
        <!-- <div>
            封装头部组件
            <object data="./compnents/header/inedx.html"></object>
            <header-top></header-top>
        </div> -->
        <div id="aui-slide3">
            <div class="aui-slide-wrap">
                <div class="aui-slide-node">
                    <div class="aui-grid">
                        <div class="aui-row">
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/foldable_bicycle_1680414002_72df9535_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used1</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                    <div class="fixed-title">
                                        <span>7 hours ago</span>
                                        <i class="aui-iconfont aui-icon-more"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/foldable_bicycle_1680414002_72df9535_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use"> &nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="aui-row">
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/foldable_bicycle_1680414002_72df9535_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/foldable_bicycle_1680414002_72df9535_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="aui-row">
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/gcycle__foldable_bike_folding__1638624847_e8e5c830_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/gcycle__foldable_bike_folding__1638624847_e8e5c830_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui-slide-node">
                    <div class="aui-grid">
                        <div class="aui-row">
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/folding_bicycle__nomad_master__1679843597_e70e59e9_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/folding_bicycle__nomad_master__1679843597_e70e59e9_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="aui-row">
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/folding_bicycle__nomad_master__1679843597_e70e59e9_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/folding_bicycle__nomad_master__1679843597_e70e59e9_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui-slide-node">
                    <div class="aui-grid">
                        <div class="aui-row">
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/folding_bicycle__nomad_master__1679843597_e70e59e9_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/folding_bicycle__nomad_master__1679843597_e70e59e9_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="aui-row">
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/folding_bicycle__nomad_master__1679843597_e70e59e9_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/foldable_bicycle_1680414002_72df9535_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="aui-row">
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/gcycle__foldable_bike_folding__1638624847_e8e5c830_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/gcycle__foldable_bike_folding__1638624847_e8e5c830_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui-slide-node">
                    <div class="aui-grid">
                        <div class="aui-row">
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/gcycle__foldable_bike_folding__1638624847_e8e5c830_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/gcycle__foldable_bike_folding__1638624847_e8e5c830_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="aui-row">
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/gcycle__foldable_bike_folding__1638624847_e8e5c830_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                            <div class="aui-col-xs-6">
                                <div class="item-box">
                                    <div class="f-box-c">
                                        <img class="b-img" src="./image/header/gcycle__foldable_bike_folding__1638624847_e8e5c830_progressive_thumbnail.jpg" />
                                    </div>
                                    <div class="f-box-sb">
                                        <div class="f-box-c">
                                            <!-- <img class="s-img header" src="./image/header/image 6.png" alt=""> -->
                                            <span class="shop-title">Apple Magix Mouse 1</span>
                                        </div>
                                        <i class="aui-iconfont aui-icon-like"></i>
                                    </div>
                                    <div class="money-box">
                                        <span class="money">HK$140</span>
                                        <span class="use">&nbsp· Lightly used</span>
                                    </div>
                                    <div class="f-box-c">
                                        <!-- <img class="s-img union" src="./image/header/hongkong.png" alt=""> -->
                                        <img class="s-img header" src="./image/header/header_img.jpg" alt="">
                                        <span class="user-name">goodspread</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="aui-slide-page-wrap top-wrap">分页容器</div>
        </div>
    </div>
    <footer class="aui-bar aui-bar-tab" id="footer">
        <div class="aui-bar-tab-item aui-active" tapmode>
            <i class="aui-iconfont aui-icon-search"></i>
            <div class="aui-bar-tab-label">搜索</div>
        </div>
        <div class="aui-bar-tab-item" tapmode>
            <i class="aui-iconfont aui-icon-star"></i>
            <div class="aui-bar-tab-label">企業</div>
        </div>
        <div class="aui-bar-tab-item" tapmode>
            <i class="aui-iconfont aui-icon-plus seal-icon"></i>
            <div class="aui-bar-tab-label">售賣</div>
        </div>
        <div class="aui-bar-tab-item" tapmode>
            <div class="aui-dot"></div>
            <i class="aui-iconfont aui-icon-mail"></i>
            <div class="aui-bar-tab-label">通知</div>
        </div>
        <div class="aui-bar-tab-item" tapmode>
            <i class="aui-iconfont aui-icon-my"></i>
            <div class="aui-bar-tab-label">我的賬戶</div>
        </div>
    </footer>
</body>
<script type="text/javascript" src="./script/aui-slide.js"></script>
<script type="text/javascript" src="./script/aui-tab.js" ></script>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript" src="./script/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="./script/aes.js"></script>
<script type="text/javascript" src="./script/vue.js"></script>
<script type="text/javascript" src="./script/header/index.js"></script>
<!-- <script type="module" src="./script/header/index.js"></script> -->
</html>